<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>供商信息</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="author" content="yinqi">
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/css/materialdesignicons.min.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/css/style.min.css}" rel="stylesheet"type="text/css" />
  <link th:href="@{/css/gsxx.css}" rel="stylesheet" type="text/css"/>
  <!--<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />-->

</head>
  
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    <aside class="lyear-layout-sidebar">
       
      <!-- logo -->
      <div id="logo" class="sidebar-header">
        <a href="index.html"><img th:src="@{/images/logo_zhihui.png}"  title="LightYear" alt="LightYear" /></a>
      </div>
      <div class="lyear-layout-sidebar-scroll">

        <nav class="sidebar-main">
          <ul class="nav nav-drawer">
            <li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i>首页</a> </li>
            <li class="nav-item nav-item-has-subnav active open">
              <a href="javascript:void(0)"><i class="mdi mdi-view-list"></i>&nbsp;&nbsp;基本信息</a>
              <ul class="nav nav-subnav">
                <li class="active"> <a href="/listsl" class="mdi mdi-bullseye">&nbsp;&nbsp;供商信息</a> </li>
                <li> <a href="/listkh" class="mdi mdi-bullseye">&nbsp;&nbsp;客户信息</a> </li>
                <li> <a href="/listyg" class="mdi mdi-bullseye">&nbsp;&nbsp;员工信息</a> </li>
                <li> <a href="/listjs" class="mdi mdi-bullseye">&nbsp;&nbsp;鸡舍信息</a> </li></ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-arrow-top-right"></i> 进鸡及存栏</a>
              <ul class="nav nav-subnav">
                <li> <a href="lyear_forms_elements.html" class="mdi mdi-bullseye">&nbsp;&nbsp;进鸡登记</a> </li>
                <li> <a href="lyear_forms_radio.html" class="mdi mdi-bullseye">&nbsp;&nbsp;鸡舍存栏及查看</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-tree"></i> 生长管理</a>
              <ul class="nav nav-subnav">
                <li> <a href="/listrc" class="mdi mdi-bullseye">&nbsp;&nbsp;日常情况</a> </li>
                <li> <a href="/listtt" class="mdi mdi-bullseye">&nbsp;&nbsp;淘汰记录</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-chart-bubble"></i> 饲料管理</a>
              <ul class="nav nav-subnav">
                <li> <a href="/fodderenter" class="mdi mdi-bullseye">&nbsp;&nbsp;饲料入库</a> </li>
                <li> <a href="/fodderout" class="mdi mdi-bullseye">&nbsp;&nbsp;饲料出库</a> </li>
                <li> <a href="/fodder" class="mdi mdi-bullseye">&nbsp;&nbsp;饲料信息</a> </li>
                <li> <a href="lyear_js_chartjs.html" class="mdi mdi-bullseye">&nbsp;&nbsp;饲料库存</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-pill"></i> 药品管理</a>
              <ul class="nav nav-subnav">
                <li> <a href="/listyprk" class="mdi mdi-bullseye">&nbsp;&nbsp;药品入库</a> </li>
                <li> <a href="/listypck" class="mdi mdi-bullseye">&nbsp;&nbsp;药品出库</a> </li>
                <li> <a href="/listypxx" class="mdi mdi-bullseye">&nbsp;&nbsp;药品信息</a> </li>
                <li> <a href="lyear_js_tags_input.html" class="mdi mdi-bullseye">&nbsp;&nbsp;药品库存</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-truck-delivery"></i> 售鸡管理</a>
              <ul class="nav nav-subnav">
                <li> <a href="/listrjxs" class="mdi mdi-bullseye">&nbsp;&nbsp;肉鸡销售</a> </li>
              </ul>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-account-settings-variant"></i> 用户管理</a>
              <ul class="nav nav-subnav">
                <li> <a href="lyear-config-system.html" class="mdi mdi-bullseye">&nbsp;&nbsp;用户列表</a> </li>
                <li> <a href="lyear-config-upload.html" class="mdi mdi-bullseye">&nbsp;&nbsp;角色设置</a> </li>
              </ul>
            </li>


            <li class="nav-item nav-item-has-subnav">
              <a href="javascript:void(0)"><i class="mdi mdi-settings"></i> 系统设置</a>
              <ul class="nav nav-subnav">
                <li> <a href="lyear_forms_checkbox.html" class="mdi mdi-bullseye">&nbsp;&nbsp;登录日志</a> </li>
              </ul>
            </li>

          </ul>
        </nav>

        <div class="sidebar-footer">
          <p class="copyright"></p>
        </div>
      </div>
      
    </aside>
    <!--End 左侧导航-->
    
    <!--头部信息-->
    <header class="lyear-layout-header">
      
      <nav class="navbar navbar-default">
        <div class="topbar">
          
          <div class="topbar-left">
            <div class="lyear-aside-toggler">
              <span class="lyear-toggler-bar"></span>
              <span class="lyear-toggler-bar"></span>
              <span class="lyear-toggler-bar"></span>
            </div>
            <span class="navbar-page-title"> 基本信息 - 供商信息 </span>
          </div>
          
          <ul class="topbar-right">
            <li class="dropdown dropdown-profile">
              <a href="javascript:void(0)" data-toggle="dropdown">
                <!--如有需要，此处放置用户头像-->
                <span>智慧鸡场 <span class="caret"></span></span>
              </a>
              <ul class="dropdown-menu dropdown-menu-right">
                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
                <li class="divider"></li>
                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
              </ul>
            </li>
            <!--切换主题配色-->
		    <li class="dropdown dropdown-skin">
			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
                <li class="drop-title"><p>主题</p></li>
                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
                    <label for="site_theme_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
                    <label for="site_theme_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                    <label for="site_theme_3"></label>
                  </span>
                </li>
			    <li class="drop-title"><p>LOGO</p></li>
				<li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
				</li>
				<li class="drop-title"><p>头部</p></li>
				<li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>                      
                  </span>                                                    
                  <span>                                                     
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>                      
                  </span>                                                    
                  <span>                                                     
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>                      
                  </span>                                                    
                  <span>                                                     
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>                      
                  </span>                                                    
                  <span>                                                     
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>                      
                  </span>                                                    
                  <span>                                                     
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
				</li>
				<li class="drop-title"><p>侧边栏</p></li>
				<li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
				</li>
			  </ul>
			</li>
            <!--切换主题配色-->
          </ul>
          
        </div>
      </nav>
      
    </header>
    <!--End 头部信息-->
    
    <!--页面主要内容-->
    <main class="lyear-layout-content">
      
      <div class="container-fluid">
        
        <div class="row">
          
          <div class="col-lg-12">
            <div class="card">
              <div class="card-header"><h4>供商信息</h4>
                <div class="div_nav">
                  <div>
                    <button type="button" class="btn btn-primary glyphicon glyphicon-plus" id="add">新增</button>
                    <button type="button" class="btn btn-primary glyphicon glyphicon-trash">删除</button>
                    <button type="button" class="btn btn-primary glyphicon glyphicon-refresh">刷新</button>
                    <button type="button" class="btn btn-primary glyphicon glyphicon-download">导出</button>
                    <button type="button" class="btn btn-primary glyphicon glyphicon-file">打印</button>
                  </div>
                </div>
              </div>
              <div class="container-fluid">

                <div class="row">
                  <div class="div_section">

                    <div class="div_select">
                      <div>
                        供商编号 <input type="text"> 供商名称 <input type="text"> 类别 <input type="text">
                        &nbsp;<button type="button" class="btn btn-primary">查询</button>
                      </div>
                      <div class="div_view">
                        <div class="table container">
                          <table border="0" >
                            <tr class="table_title">
                              <td>
                                <input type="checkbox">
                              </td>
                              <td>供商编号</td>
                              <td>供商名称</td>
                              <td>类别</td>
                              <td>联系人</td>
                              <td>联系方式</td>
                              <td>地址</td>
                              <td>操作</td>
                            </tr>

                            <!--<div  th:class ="div_view_list">-->
                                <tr th:each="s:${list}">
                                    <td><input type="checkbox"></td>

                                    <td th:text="${s.sno}"></td>

                                    <td th:text="${s.sname}"></td>

                                    <td th:text="${s.typename}"></td>

                                    <td th:text="${s.slinkman}"></td>

                                    <td th:text="${s.scontactway}"></td>

                                    <td th:text="${s.saddress}"></td>

                                    <td>
                                      <button class="btn btn-info select_gsxx">查看</button>
                                      <button class="btn btn-success update_gsxx">修改</button>
                                      <button class="btn btn-danger delete_gsxx">删除</button>
                                    </td>
                                </tr>
                            <!--</div>-->
                          </table>
                        </div>

                        <div class="div_page row">
                          <div class="glyphicon glyphicon-info-sign col-md-3 div_page_left">
                            共<span>6</span>条，
                            每页<span>30</span>条
                            <span>1</span>/1页
                          </div>
                          <div class="col-md-4 col-md-offset-5 div_page_right">
                            <button>首页</button>
                            <button>上页</button>
                            <button>下页</button>
                            <button>尾页</button>
                            <input type="text" class="input_page"><button>GO</button>
                          </div>
                        </div>
                      </div>
                    </div>

                  </div>
                </div>

              </div>
            </div>  
          </div>

        </div>
      </div>
    </main>
    <!--End 页面主要内容-->
  </div>
</div>


<!--查看单个供商信息的模态框-->
<div class="modal fade bs-example-modal-sm" id="gsxx" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myLargeModalLabel">供商信息</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label class="col-xs-12" for="example-email-input">供商名称</label>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="sname" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-12" for="example-email-input">类别</label>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="typename" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-12" for="example-email-input">联系人</label>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="slinkman" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-12" for="example-email-input">联系方式</label>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="scontactway" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-12" for="example-email-input">地址</label>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="saddress" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label for="message-text" class="control-label">备注：</label>
          <textarea class="form-control sremark" id="message-text" ></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" id="close_update">关闭</button>
      </div>
    </div>
  </div>
</div>

<!--新增供商信息的模态框-->
<div class="modal fade" id="addgsxx" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">标题</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label class="col-xs-4" for="example-email-input">供商名称</label>
          <span class="col-xs-8" id="issname" style="color: red;display: none">供商名称不能为空</span>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="addsname" name="example-email-input">
          </div>
        </div>
        <div class="form-group" >
          <label class="col-xs-4" for="example-select">类别</label>
          <span class="col-xs-8" id="istypeno" style="color: red;display: none">类型不能为请选择</span>
          <div class="col-xs-12">
            <select class="form-control" id="addtypeno" name="example-select" size="1">
              <option value="0">请选择</option>
              <option value="1">鸡苗</option>
              <option value="2">药品</option>
              <option value="3">饲料</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-4" for="example-email-input">联系人</label>
          <span class="col-xs-8" id="isslinkman" style="color: red;display: none">联系人不能为空</span>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="addslinkman" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-4" for="example-email-input">联系方式</label>
          <span class="col-xs-8" id="isscontactway" style="color: red;display: none">联系方式不能为空</span>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="addscontactway" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label class="col-xs-12" for="example-email-input">地址</label>
          <div class="col-xs-12">
            <input class="form-control" type="text" id="addsaddress" name="example-email-input">
          </div>
        </div>
        <div class="form-group">
          <label for="message-text" class="col-xs-12">备注：</label>
          <textarea class="form-control addsremark" id="message-text1" ></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="addbc">保存</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.min.js}"></script>
<script type="text/javascript">
  //设置一个值保存供商编号 以供修改时使用
  var update_sno="";
  //查看按钮的点击事件
  $(".select_gsxx").click(function () {
      var sno=$(this).parent().parent().children().first().next().html();
      $("#gsxx").modal({
          backdrop:'static'
      });
      $.ajax({
          url: "gsxx",
          type: "post",
          data:"sno="+sno,
          datatype: "json",
          success: function (msg) {
              $("#sname").attr({"placeholder":msg.sname,"disabled":true});
              $("#typename").attr({"placeholder":msg.typename,"disabled":true});
              $("#slinkman").attr({"placeholder":msg.slinkman,"disabled":true});
              $("#scontactway").attr({"placeholder":msg.scontactway,"disabled":true});
              $("#saddress").attr({"placeholder":msg.saddress,"disabled":true});
              $(".sremark").text(msg.sremark);
              $(".sremark").attr("disabled",true);
          }
      })
  });
  //新增按钮点击事件
  $("#add").click(function () {
      $("#addgsxx").modal({
          backdrop:'static'
      });
  });
  //失去焦点判断文本框输入是否正确
  $("#addgsxx input:text").focusout(function () {
      var conten=$(this).val().trim();
      if (conten==""||conten==null){
          $(this).parent().prev().show();
      }else{
          $(this).parent().prev().hide();
      }

  });
  //新增模态框的保存按钮事件
  $("#addbc").click(function () {
      var sname=$("#addsname").val().trim();
      var typeno=$("#addtypeno").val().trim();
      var slinkman=$("#addslinkman").val().trim();
      var scontactway=$("#addscontactway").val().trim();
      var saddress=$("#addsaddress").val();
      var sremark=$(".addsremark").val();
      if (typeno==0||typeno=="0"){
          $("#addtypeno").parent().prev().show();
          return;
      }else{
          $("#addtypeno").parent().prev().hide();
      }
      $.ajax({
          url: "/addgsxx",
          type: "post",
          data:{"sname":sname,"typeno":typeno,"slinkman":slinkman,"scontactway":scontactway,"saddress":saddress,"sremark":sremark,"saddress":saddress},
          datatype: "json",
          success: function (msg) {
              alert("新增成功");
              location.href="/listsl";
          }

      });
      $("#addgsxx").modal("hide");
  });
  //删除按钮事件
  $(".delete_gsxx").click(function () {
      alert("是否删除名为 "+$(this).parents("tr").children("td:eq(2)").html()+" 的信息");
      var sno=$(this).parents("tr").children("td:eq(1)").html();
      $.ajax({
          url: "/deletegsxx",
          type: "post",
          data:"sno="+sno,
          datatype: "json",
          success: function (msg) {
              location.href="/listsl";
          }
      });
  });
  //修改按钮事件
  $(".update_gsxx").click(function () {
      update_sno="";
      //制作保存修改按钮
      var btn=$("<button type='button' class='btn btn-primary' id='comit_update'>保存</button>");
      btn.insertBefore($("#close_update"));
      //清除禁用属性
      $("input").removeAttr("disabled");
      $(".sremark").removeAttr("disabled");
      //获取供商编号开始查询信息
      var sno=$(this).parent().parent().children().first().next().html();
      update_sno=sno;
      $("#gsxx").modal({
          backdrop:'static'
      });
      $.ajax({
          url: "gsxx",
          type: "post",
          data:"sno="+sno,
          datatype: "json",
          success: function (msg) {
              $("#sname").val(msg.sname);
              $("#typename").val(msg.typename);
              $("#slinkman").val(msg.slinkman);
              $("#scontactway").val(msg.scontactway);
              $("#saddress").val(msg.saddress);
              $(".sremark").val(msg.sremark);
          }
      });
  });
  //修改窗口的保存按钮事件
  $("#comit_update").click(function () {
      var sname=$("#sname").val().trim();
      var typeno=$("#typename").val().trim();
      var slinkman=$("#slinkman").val().trim();
      var scontactway=$("#scontactway").val().trim();
      var saddress=$("#saddress").val();
      var sremark=$(".sremark").val();
      $.ajax({
          url: "/updateGsxx",
          type: "post",
          data:{"sno":update_sno,"sname":sname,"typename":typename,"slinkman":slinkman,"scontactway":scontactway,"saddress":saddress,"sremark":sremark,"saddress":saddress},
          datatype: "json",
          success: function (msg) {
              alert("修改成功");
              location.href="/listsl";
              delete_comit();
          }
      });
  })
  //点击修改窗口的关闭按钮时删除保存按钮
  $("#close_update").click(function () {
      delete_comit();
  })
  //删除修改窗口的保存按钮
  function delete_comit() {
      $("#comit_update").remove();
  }
</script>
</body>
</html>